<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8"/>
    <meta http-equiv="X-UA-Compatible" content="IE=edge"/>
    <meta name="viewport" content="width=device-width, initial-scale=1"/>
    <title>up</title>
    <!-- BEGIN THEME STYLES -->
    <link href="css/bootstrap.css" rel="stylesheet"/>
    <link href='http://fonts.googleapis.com/css?family=Roboto+Condensed' rel='stylesheet' type='text/css'>
    <link href="css/mystyle.css" rel="stylesheet" type="text/css">
    <link href="css/about.css" rel="stylesheet" type="text/css">
    <link href="css/mediastyle.css" rel="stylesheet"/>
     <link href="css/mediaabout.css" rel="stylesheet"/>
    
    
	<!-- END THEME STYLES -->
	
</head>
<body>
	<!-- BEGIN HEADER -->
    <header>
		<div class="container">
        	<div class="row">
                <div id="menutop1" class="col-lg-12">
                	<nav class="navbar navbar-default" role="navigation"><!-- bs-example-navbar-collapse-1 -->
						<div class="container-fluid">
							<!-- Brand and toggle get grouped for better mobile display -->
							<div class="navbar-header">
								<button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#bs-example-navbar-collapse-1">
									<span class="sr-only">Toggle navigation</span>
									<span class="icon-bar"></span>
									<span class="icon-bar"></span>
									<span class="icon-bar"></span>
								</button>
							</div>

							<!-- Collect the nav links, forms, and other content for toggling -->
							<div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1">
								<ul class="nav navbar-nav">
									<li class="dropdown">
										<a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-expanded="false">
											<div class="c_icon1"></div>
											<span class="c_caption1">CATEGORIES</span>
										</a>
										<ul class="dropdown-menu submenu" role="menu">
                                        	<li class="event"></li>
                                            <div class="c_submenu_chid">
                                                <ul> 
                                                    <li>
                                                    	<a href="#">Technology</a>
                                                        <div class="c_bot_submenu"></div>
                                                    </li>
                                                    <li>
                                                    	<a href="#">Business</a>
                                                        <div class="c_bot_submenu"></div>
                                                    </li>
                                                    <li>
                                                    	<a href="#">Design</a>
                                                        <div class="c_bot_submenu"></div>
                                                    </li>
                                                    <li>
                                                    	<a href="#">Arts & Photography</a>
                                                    </li>
                                                </ul>
                                            </div>
                                            <div class="c_submenu_chid">
                                                <ul>
                                                    <li>
                                                    	<a href="#">Technology</a>
                                                        <div class="c_bot_submenu"></div>
                                                    </li>
                                                    <li>
                                                    	<a href="#">Business</a>
                                                        <div class="c_bot_submenu"></div>
                                                    </li>
                                                    <li>
                                                    	<a href="#">Design</a>
                                                        <div class="c_bot_submenu"></div>
                                                    </li>
                                                    <li>
                                                    	<a href="#">Arts & Photography</a>
                                                    </li>
                                                </ul>
                                            </div>
										</ul>
									</li><!--End dropdown categories-->
									<li>
										<form class="navbar-form navbar-left" role="search">
											<div class="form-group">
												<input type="text" class="form-control" placeholder="type your course">
											</div>											
										</form>
									</li>
									<li class="logo"><a href="#"><img src="images/layout/logo.png"/></a></li>
								</ul>
								<ul id="menutop1_right" class="nav navbar-nav navbar-right">
                                	<li class="dropdown">
										<a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-expanded="false"><div class="c_img_user">
                                        	<img src="images/layout/img_user.jpg"/>
                                        </div>Minh Bao</a>
										<ul class="dropdown-menu" role="menu">
                                        	<li class="event1"></li>
											<li>
												<a href="#">My Profile</a>
												<div class="c_bot_submenu"></div>
											</li>
											<li>
												<a href="#">My Course</a>
												<div class="c_bot_submenu"></div>
											</li>
											<li>
												<a href="#">Logout</a>
												
											</li>
										</ul>
									</li>
									<li>
										<a class="btn btn-default" href="#">LOGIN <span class="glyphicon login_icon"></span></a>  
									</li>
                                    <li class="dropdown">
										<a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-expanded="false"> > English</a>
										<ul class="dropdown-menu" role="menu">
                                        	<li class="event1"></li>
											<li>
												<a href="#">English</a>
												<div class="c_bot_submenu"></div>
											</li>
											<li>
												<a href="#">Japanese</a>
											</li>
											<!--End English-->
										</ul>
									</li>                                   
								</ul>
							</div><!-- /.navbar-collapse -->
						</div><!-- /.container-fluid -->
					</nav><!--end bs-example-navbar-collapse-1 -->
              
                </div><!--End menutop1-->
            </div><!--End row-->
        </div><!--End container -->
    </header><!-- END HEADER -->
    
    <!-- BEGIN section -->
    <section id="t-section3">
    	<!--begin container-->
    	<div class=" container">
        	<div class="row">
            	<div class="col-lg-12 col-md-12">
                    <div class="col-lg-12 col-md-12 t-padding">
                    	<div class="t-bg-cl12-about">
                            <p class="t-linehight-1">
                            	<img class="t-img" width="20" height="17" src="images/layout/c_icon_home.png">&nbsp;&nbsp;
                                <span class="t-cl">|</span>&nbsp;&nbsp;
                                <span class="t-about-color">Contac Us</span>
                            </p>
						</div>
                    </div>
                </div>
        	</div>
            <div class="row">
            	<div class="col-lg-12 col-md-12">
                	<div class="t-about-text">
                    	<div class="col-lg-6 col-md-6 t-padding-about">
                            <p class="t-about-font-16">Our Office</p>
                            <img class="t-about-img-line" src="images/layout/t-about-line.jpg">
                            <p>Address&nbsp;&nbsp;: 158 - 158A Dao Duy Anh, Ward 9, Phu Nhuan District, Ho Chi Minh City</p>
                            <p>Phone&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;:+84 123456789</p>
                            <p>Email&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;:contactus@udeup.com</p>
                        </div>
                        <div class="col-lg-6 col-md-6 t-padding-about">
                        	<img class="t-about-img-ggmaps" width="100%" src="images/layout/t-about-ggmaps.jpg">
                        </div>
                    </div>
                </div>
            </div>            
        </div>
        <!--end container-->
    </section><!--END SECTION1-->
       
    
    <footer><!-- BEGIN FOOTER -->
    	<div class="container">
			<div class="col-sm-3 copyright">
				<img class="logo1 img-responsive" src="images/layout/logo.png"/>
				<p>Copyright 2014 Dokusyu.com</p>
				<p>All Rights reversed.</p>
			</div><!--End copyright-->
			
			<div class="col-sm-6">
				<h4>Navigation</h4>
				<div class="col-sm-6 list">
					<ul class="editul">
						<li><a href="#">Technology</a></li>
						<li><a href="#">Business</a></li>
						<li><a href="#">Design</a></li>
						<li><a href="#">Arts & Photography</a></li>
					</ul>
				</div>
				
				<div class="col-sm-6 list">
					<ul class="editul">
						<li><a href="#">About us</a></li>
						<li><a href="#">Terms and conditions</a></li>
						<li><a href="#">Support</a></li>
						<li><a href="#">Careers</a></li>
					</ul>
				</div>
			</div><!--End col-sm-6-->
			
			<div class="col-sm-3">
				<h4>Contacts</h4>
				<ul>
					<li class="font_MyriadPro">Phone:		123 4567 890</li>
                    <li class="font_MyriadPro">Email:		support@dokusyu.com</li>
					<li class="social_icon">
						<a href="#" class="icon_fb"></a>
						<a href="#" class="icon_tw"></a>
						<a href="#" class="icon_in"></a>
						<a href="#" class="icon_ytb"></a>
					</li>
				</ul>
			</div><!--End col-sm-3-->
		</div><!--End container-->
    </footer><!-- END FOOTER -->
   	
    <!-- BEGIN SCRIPT -->
    <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
    <script src="js/bootstrap.js"></script>
	<!-- END SCRIPT --> 
</body>
</html>
